<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/5/19
  Time: 16:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>餐饮网站首页</title>
    <link rel="stylesheet" href="../css/home.css">
    <%--    <script src="../js/jquery.js"></script>--%>
    <%--    <script src="../js/common.js"></script>--%>
</head>
<style>
    /*div{*/
    /*    border: 1px solid rebeccapurple; 元素选择器*/
    /*}*/
    /*h2, p {color:gray;}分组选择权*/
    /*
    元素选择器 div{}
    分组选择器 h2, p
    id选择器  #home{}
    类选择器  .home{}
    后代选择器  div div{}
    属性选择器  [title]{color:red}
    子代选择器  div>div{}
    兄弟选择器  strong + h2

    */
    /*strong + h2 {*/
    /*    color: red;*/
    /*}*/

</style>
<!--body默认宽度就是浏览器宽度,r如果设置宽度，则是最小宽度-->
<body>
<!--css的作用？就是为了布局-->
<!--pc端，需要固定网页的大小，所以需要讲整个网页的宽度固定-->
<!--    <h2 title="a">fasd</h2>-->
<!--    <strong>adsfasd</strong>-->
<!--    <h2 title="a">111</h2>-->
<!--    <div title="b">afds</div>-->
<!--    <p title="c">fads-->
<!--        <strong>fads</strong>-->
<!--    </p>-->
<!--<span>-->
<!--    <div class="c-font-medium c-color-t">-->
<!--        <div class="parameter aa">a-->
<!--        <span>b</span>-->
<!--        </div>-->
<!--    </div>-->
<!--</span>-->
<div class="center">

    <jsp:include page="top.jsp"></jsp:include>
    <div class="middle">
        <div>
            <div>
                <div class="title">较新动态</div>
                <div>
                    <div><img src="../img/m331.jpg" height="190" width="270"/></div>
                    <div>
                        <c:forEach items="${newsModelList}" var="model">
                            <div>
                                <div>${model.title}
                                </div>
                                <div>${model.content}</div>
                            </div>
                        </c:forEach>

                    </div>
                </div>
            </div>
            <div>
                <div class="title">产品展示</div>
                <div>
                    <div>
                        <div><img src="../img/10_hf6d.jpg" height="300" width="300"/></div>
                        <div>鸭肉</div>
                        <div>鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉</div>
                    </div>
                    <div>
                        <div><img src="../img/10_hf6d.jpg" height="300" width="300"/></div>
                        <div>鸭肉</div>
                        <div>鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉鸭肉</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <jsp:include page="foot.jsp"></jsp:include>
</div>
</body>

</html>